約 5,930,757 件
https://w.atwiki.jp/naobe/pages/67.html
WEBアプリケーションに戻る タグ http //www.htmq.com/html/index.shtml 参照 radioタグとcheckboxタグ radioタグは1個選択可能。checkboxは複数選択可能 form action="/DynamicWEB/ShowDate" input type="checkbox" name="aaa" AAA br input type="checkbox" name="bbb" BBB br input type="checkbox" name="ccc" CCC br input type="submit" br /form 上記のリクエストは以下 ShowDateServlet start. key aaa, val[0] on key ccc, val[0] on 配列にする意味がないような。しかしこれが一般的な使い方でしょう。 配列を有効に活用するには以下の形式。 form action="/DynamicWEB/ShowDate" input type="checkbox" name="key" value="AAA" AAA br input type="checkbox" name="key" value="BBB" BBB br input type="checkbox" name="key" value="CCC" CCC br input type="submit" br /form 上記のリクエストは以下 key key, val[0] AAA key key, val[1] BBB diabled属性 HTML4.01では、inputタグ、TextAreaタグで使用可能。 divで画面を分割 head style type="text/css" #container{width 750px;text-align left;margin 0px auto;} #header{width 750px;margin 0px 0px 15px 0px;} !-- float 回りこみを許す -- #content{float left;width 590px;} #sidebar{float right;width 150px;padding 0px 0px 0px 10px;} !-- clear 回りこみを解除する -- #footer{clear both;width 750px;margin 15px 0px 15px 0px;} /style /head body div id="container" div id="header" ここがヘッダー /div div id="content" ここがコンテンツ /div div id="sidebar" ここがサイドバー /div div id="footer" ここがフッター /div /div /body 用語 項目 説明 備考 インライン要素 前後で改行されない ブロック要素 前後で改行される
https://w.atwiki.jp/sevenlives/pages/31.html
HTML 読み:えいちてぃーえむえる 英語:HyperText Markup Language 別名: 意味: HTMLとはwebページを記述するためのマークアップ言語?のこと。 元々はハイパーテキスト?を解釈するためのものであったが現在ではページの見栄えなど人間にとって見やすくするための言語として発展している。 webブラウザはHTMLを解釈させwebページを整形された姿で閲覧することが出来る。 SGMLから派生したマークアップ言語だがインターネットの爆発的な広がりによりHTMLは独自の発展をとげる。 人間にとって優しく発展したためかwebブラウザによるHTMLの解釈はかなり柔軟で、いい加減な文書もなんとか表示してしまったためとその簡単な記述方法からインターネットの爆発的な広がりを後押しした。 現在のバージョンは4.01だがW3Cはweb標準に立ち返って厳密な記述を要求するXML準拠のXHTMLに移行させていくつもりのようだ。 HTML 4.0/4.01の文書型は 「Strict?」「Transitional?」「Frameset?」の3つがある。 2018年07月14日 Webブラウザ マークアップ マークアップ言語? ハイパーリンク 【link】 ハイパーテキスト? 文書型宣言 DTD 内容モデル 要素【element】? 属性【attribute】? 文字参照 SGML HTML 4.01 HTML5 XHTML XML SVG SMIL HTML WG? CSS Microformats クリッカブルマップ パラグラフ ダイナミックドキュメントクライアントプル サーバープッシュ? BBコード? テキストエディタ HTMLパーサ 文書型?Strict? Transitional? Frameset? ■ タグ script要素 htmlhead?meta title? body?h(1~6)? p? 空要素?br? a【アンカー要素】?フラグメント リスト要素ul?li? ol? dl?dt? dd? ブロックレベル要素 インライン要素 form【フォーム】input?text? radio? checkbox? submit? button? textarea? select?option? enctype?application/x-www-form-urlencoded? multipart/form-data htmlプラグインエラー このプラグインを使うにはこのページの編集権限を「管理者のみ」に設定してください。
https://w.atwiki.jp/0x0b/pages/75.html
仕様 SGML(Standard Generalized Markup Language) ISO 8879 1986 JIS X 4151 1992 DSSSL(Document Style Semantics and Specification Language) DTD(Document Type Definition) DSDL(Document Schema Definition Languages) TEX HTML HTML 4.01 Specification HTML 5 XML XML1.0 XML1.1 SAX(Simple API for XML) XML-RPC XML Schema XSL(Extensible Stylesheet Language) XSLT(XSL Transformations) XPath(XML Path Language) XSL-FO(XSL Formatting Objects) XPL(XML Paper Specification) XUL(XML User Interface Language) XML Information Set, XML Infoset XML Schema TREX(Tree Regular Expressions for XML) RELAX(Regular Language description for XML) RELAX NG Namespaces in XML XML Signature XAdES(XML Advanced Electronic Signatures) XML Encryption SOAP Canonical XML XML Inclusions XQuery XPointer(XML Pointer Language) StAX(Streaming API for XML - Java SimpleXML - PHP System.Xml.XmlReader - .NET Framework JAXB(Java Architecture for XML Binding) XLink XML Media Types RFC 3023 Atom RFC4287 RFC5023 (Representational State Transfer) DocBook、RSS、MathML(Mathematical Markup Language)、ebXML、Scalable Vector Graphics (SVG)、 MusicXML VML(VoiceXML) XML Base ISO/IEC 8825-4 2002 Information technology -- ASN.1 encoding rules XML Encoding Rules (XER) ISO/IEC 8825-5 2004 Information technology -- ASN.1 encoding rules Mapping W3C XML schema definitions into ASN.1 ISO/IEC 9075-14 2006 Information technology -- Database languages -- SQL -- Part 14 XML-Related Specifications (SQL/XML) ISO 10303-28 2007 Industrial automation systems and integration -- Product data representation and exchange -- Part 28 Implementation methods XML representations of EXPRESS schemas and data, using XML schemas ISO/IEC 13250-3 2007 Information technology -- Topic Maps -- Part 3 XML syntax ISO/IEC 13522-5 1997 Information technology -- Coding of multimedia and hypermedia information -- Part 5 Support for base-level interactive applications ISO/IEC 13522-8 2001 Information technology -- Coding of multimedia and hypermedia information -- Part 8 XML notation for ISO/IEC 13522-5 ISO/IEC 18056 2007 Information technology -- Telecommunications and information exchange between systems -- XML Protocol for Computer Supported Telecommunications Applications (CSTA) Phase III ISO/IEC 19503 2005 Information technology -- XML Metadata Interchange (XMI) ISO/IEC 19776-1 2005 Information technology -- Computer graphics, image processing and environmental data representation -- Extensible 3D (X3D) encodings -- Part 1 Extensible Markup Language (XML) encoding ISO/IEC 22537 2006 Information technology -- ECMAScript for XML (E4X) specification ISO 22643 2003 Space data and information transfer systems -- Data entity dictionary specification language (DEDSL) -- XML/DTD Syntax ISO/IEC 23001-1 2006 Information technology -- MPEG systems technologies -- Part 1 Binary MPEG format for XML ISO 24531 2007 Intelligent transport systems -- System architecture, taxonomy and terminology -- Using XML in ITS standards, data registries and data dictionaries XHTML XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) MHTML RFC2110 (旧) RFC2557 (新) MIMEタイプ Multipurpose Internet Mail Extensions (MIME) Part 1~3 RFC 2045, RFC 2046, RFC 2047 Multipurpose Internet Mail Extensions(MIME) Part Five Conformance Criteria and Examples RFC 2049 MIME Parameter Value and Encoded Word Extensions Character Sets, Languages, and Continuations RFC2231 Media Type Specifications and Registration Procedures RFC 4288 Multipurpose Internet Mail Extensions (MIME) Part Four Registration Procedures RFC 4289(旧RFC 2048) Returning Values from Forms multipart/form-data RFC2388 Internet Message Format RFC 5322 (旧RFC 822、RFC 2822) SMTP RFC5321, RFC2821, RFC821 Communicating Presentation Information in Internet Messages The Content-Disposition Header Field RFC2183 Uniform Resource Identifiers (URI) Generic Syntax RFC3986 (旧) RFC1738 Uniform Resource Locators (URL) RFC1808 Relative Uniform Resource Locators RFC2396 Uniform Resource Identifiers (URI) Generic Syntax IRI(Internationalized Resource Identifier) RFC 3987 XRI(Extensible Resource Identifier) The text/html Media Type RFC2854 仕様 マークアップ言語①視覚マークアップ(暗黙) ②手続きマークアップ(明示) ③意味マークアップ 他の用途での利用 Tex SGML(Standard Generalized Markup Language) HTML(HyperText Markup Language) XML(Extensible Markup Language) XHTML(Extensible HyperText Markup Language) マークアップ言語 コンピュータ言語の一種 GML(Generalized Markup Language)から派生 文章の構造(段落など)、見栄え(フォントサイズなど)に関する指定を文章とともにテキストファイルに記述するための言語 文章に対するそれらの指定をマークアップ (markup) と呼び、マークアップを記述するための文字列をタグ (tag) と呼ぶ テキスト+マークアップ命令 ①視覚・②手続き・③意味マークアップに分類 ①視覚マークアップ(暗黙) テキスト中の「手掛かり」から文書構造を推論 改行、スペース、行送り、中央ぞろえ等 ②手続きマークアップ(明示) ファイル中の出現順で処理系に解釈 テキストを並べ書式指定の命令(ディレクティブ)を指示 後にはそれらの効果を打ち消す命令 マクロやスタックモデルなどのより高度なシステムならば、この煩わしさは軽減される チューリング完全なプログラミング言語に相当 例:nroff, troff, TeX, Lout ③意味マークアップ 必ずしも特定の見栄えなどの処理上の意味を与えることなく、テキストの断片に印を付けていくもの 例えば、Atomシンディケーション言語には updated タイムスタンプを印すマークアップがあり、情報項目が最後にいつ更新されたのかを発行者が表明するのに使われる。 Atomの規格ではupdatedの意味するものについて論じており、そのマークアップ形式についても規定されているが、それがユーザに対してどのように表示されるのか、またそもそも表示されるべきなのかについては何の規定もない。このマークアップは処理系ごとに様々な用途に使われ、その中にはAtom言語の設計者たちが予想もしなかったものが多く含まれるだろう。SGMLとXMLは意味マークアップ言語の設計を支援するために設計された仕様(メタ言語)である。 以上は概念的な分類であって、実際にはどのシステムでも別種のマークアップが共存している。例えばHTMLでは、純粋な手続きマークアップ(ボールドのためのBなど)と純粋な意味マークアップ(BLOCKQUOTEやHREF属性など)が共存している。HTMLにはさらにPRE要素があり、視覚マークアップの領域を囲んで、テキストをタイプしたとおりに表示させることもできる。 マークアップ要素とその使用に関する規則は通例、特定の企業やコミュニティごとの様々な種類の文書に対応するため、標準化団体によって開発される。最初期の例としてはCALSがあり、アメリカ軍で技術マニュアルに利用されていた。すぐに大規模文書を管理する必要のある企業がこれに続きだし、航空機、電気通信、自動車、コンピュータハードウェアのマニュアル用のタグ群が開発された。これはこの種のマニュアルの多くが電子的に配布されるきっかけとなり、企業は1つの(意味マークアップによる)オリジナルから印刷物、オンライン、CD版などを作り出すことができた。特筆すべき例はサン・マイクロシステムズであり、ジョン・ボサック(en)がSGMLを複数媒体向けの文書配布に採用し、大幅なコスト削減を達成した。 よく知られたマークアップ言語 DocBook、MathML、SVG、Open eBook、TEI、XBRLなど 多くはテキストのためのものだが、その他の用途で使われる専門化された言語もある。 汎用マークアップとは意味マークアップの別名 現在のほとんどの意味マークアップシステムは文書を木構造に構造化する。また同時に、文書の一部分を文書内の他の箇所から参照する(クロス・リファレンス)手段を提供している。構造化によって、ソフトウェアが文書構造を(BLOBではないものとして)把握することができ、文書はデータベースとして扱うことが可能になる。リレーショナル・データベースが持っているような厳格なスキーマを持たないので、「半構造化データベース(semi-structured database)」と呼ばれる。 000年を過ぎたころから、木構造以外の文書構造に関する大きな関心が現れてきた。例えば、古代の宗教文学では文献構造(本、章、節、文)以外にも、修辞構造や散文構造が広く用いられる(ストーリー、引用章句、段落、など)。これらの文書単位は文中でたびたび交差するので、簡単には木構造のマークアップシステムでデータ化することはできない。このような構造をサポートする文書モデリングシステムにはMECS(ウィトゲンシュタインの作品を電子化するために開発された)、TEI Guidelinesの一部、LMNL、CLIX、などがある。 意味マークアップの第一の長所はその自由度だとみなされている。テキストの断片が「どのように表示されるべきか」ではなく「何であるか」と印されていたなら、その言語の設計者が予想もしていなかった便利な用途でその断片を処理する処理系が作られるかもしれない。例を挙げると、HTMLのハイパーリンクは、元々、リンクをたどる人の手で利用されるために設計されたが、WWW検索エンジンによって、インデックスするべき新しいリソースを発見するため、またウェブ上のリソースの人気を測るためにも利用されている。 意味マークアップはまた、必要になったときに文書の見栄えを変更する作業も単純化する。これは文書の見栄えと内容が密接に結びついていないからである。例えばイタリックを強調と外国語であることを示すために使うとする。ここで両方が単にイタリックと(視覚的にまたは手続き的に)マークアップされたなら、2つを選り分けることが困難になる。もし、あとから外国語をイタリックにしないと決め直したら、全てのイタリック部分を見直して、1つずつ選り分けるしか方法がない。しかし始めから、2つの場合が別のタグで(意味的に)マークアップされていたのなら、互いに干渉しあうことなく、見栄えの変更ができるようになる。 他の用途での利用 マークアップ言語のアイデアはテキスト文書に関するものとして生まれたが、ベクターグラフィックス、Webサービス、ウェブシンディケーション、セマンティック・ウェブ、ユーザーインタフェースなどの分野での利用も増えている。これらのほとんどはXMLのアプリケーションである。XMLを使用することで、複数のマークアップ言語を合成することが可能となる。例としては、XHTML+SMIL やXHTML+MathML+SVGがある。 Tex 数学書を業務品質で組むためのテキストやフォントに関する綿密なレイアウト機能を目標としている ユーザーに高いスキルを要求するため、主に学術分野で使われ、理数系の出版物・論文などではデファクトスタンダードとなっている。TeXのマクロパッケージであるLaTeXはTeX上で意味マークアップシステムを構築しており、広く用いられている。 SGML(Standard Generalized Markup Language) マークアップは文書の構造面に専念し、視覚的な表現に関しては処理系に任せるべきだ、という思想 文書にマークアップを含める構文や、どんなタグがどこで使えるのかなどを記述する構文(DTD)を規定 これによって、文書作成者は望むマークアップを、最も意図に近いものや母語で名前が付いているものなど、何でも作成し、利用することができた。それゆえ、SGMLは正しくはメタ言語であり、多くの具体的なマークアップ言語がそれから派生していった。80年代から現在に至るまで、ほとんどの新しいマークアップ言語はSGMLに基づいたものであった。TEIやDocBookなどがその例である。SGMLは1986年にISO 8879として国際標準になった。 非常に大きな規模の文書を扱う現場で広く受け入れられ、利用された。しかしながら、一般的には覚えるのが煩わしくて難しいとみなされている。これは多彩すぎる機能と高すぎる柔軟性を実現した副作用である。複雑な仕様の例として、SGMLでは終了タグ(または開始タグかその両方)が文脈によって省略可能となっているが、これは過労気味のサポートスタッフがマークアップを手動で行うような場合にキーストロークの節約が望まれている、との配慮によるものである。 World Wide Web(W3C)勧告 HTML(HyperText Markup Language) 1991年になると、SGMLが商用のデータベース用途にしか使われない傾向が強くなってきた。一方、(文書をプロプライエタリなバイナリフォーマットで保存する)WYSIWYGツールがその他の文書処理用途では受け入れられていた。 そんな折、SGMLの構文を使ってHTMLは作られた。 HTMLは他のSGMLベースのタグ言語とよく似ているが、よりシンプルなものとして誕生し、当初は形式的なDTDを持っていなかった。 DeRose はHTMLによる意味マークアップ(SGML)の使用が、ウェブに柔軟性と拡張性をもたらし、その成功の有力な要因となったと主張している(その他の要因にはURLの概念やブラウザの無料配布などがある)。現在、HTMLはおそらく世界で最もよく使われているマークアップ言語であろう。 しかしながら、HTMLがマークアップ言語であるという事実については異論を唱える研究者もいる。その異論とは、HTMLはタグの配置を制限しており、タグに他のタグ内に入れ子になることと文書のルートタグになることの両方を要求している、というものである。このため、そのような研究者たちはHTMLは階層型データモデルに従う「コンテナ言語」ではないかと述べている。 HTML4.01 SGMLに Strict、Transitional、FramesetがDTDで定義されている HTML5.0 XML(Extensible Markup Language) 対象をインターネット上の文書に特化することで、SGMLを単純化したサブセットを作ることが目的 XMLはSGMLと同じようにメタ言語である。また、("extensible"という名のとおり)利用者が必要な要素を追加したり、名前空間を使って複合文書を作ったりして拡張することが容易にできる。 名前空間などを用いないXML文書はSGML文書でもあるため、XMLへの乗り換えはそれほど困難でなく、既存のSGMLの利用者およびソフトウェアは比較的容易にXMLに移行することができた。XMLはSGMLの多くのより複雑な機能を省いており、学習や実装を容易にしている。他の改良点には、多言語環境でのSGMLの問題点を修正したことや、スキーマがない文書でも利用を可能にしたことなどがある。 XMLはそもそも文書や出版物などの半構造データのために設計されたものである。しかしながら、その単純さと柔軟性のバランスの良さから、他の用途でも急速に受け入れられていった。例えば、アプリケーション間でデータをやりとりするために利用されたり、アプリケーションの設定ファイルの構造として利用されたりもしている。 XHTML(Extensible HyperText Markup Language) 2000年の1月から、HTMLについてのすべてのW3C勧告は、SGMLではなくXMLに基づいたものになった。Extensible Hypertext Markup Language を略してXHTMLという。(XはExの発音から。) HTMLとXHTMLとの違いで顕著なものの1つ 「すべてのタグは閉じなければならない」 br のような「空の」HTMLタグは「閉じる」必要がある。XHTML 1.0勧告内のAppendixにあるHTML Compatibility Guidelines[5]では、 br / のように要素名の後に空白文字と斜線を入れて閉じる形を推奨している。 他に開始タグ内の属性値はすべて引用符 で囲わなければならないという点がある。 また、HTMLとは異なり、大文字と小文字は厳密に区別される。
https://w.atwiki.jp/javadsge/pages/359.html
package rc; import tool.*; public class pro { String u; String[] data=new String[5000]; int s,datanumber; public static void main(String[] args) { pro tes=new pro(); } pro(){ int p; for(p=1;p 15;p++){ u="http //www.coara.or.jp/~cheerkey/shiho/shiho"+p+".html"; getdata sub=new getdata(); sub.makedata(u,"SJIS"); data=sub.data; datanumber=sub.datanumber; int tr; for(tr=1;tr 10;tr++){ for(s=1;s datanumber+1;s++){ int p1=data[s].indexOf(" "); int p2=data[s].indexOf(" "); String str; str=""; if(p1 -1)str=data[s].substring(p1,p2+1); data[s]=data[s].replace(str,""); }} writefile sub3=new writefile(); sub3.data=data; sub3.datanumber=datanumber; sub3.makedata(p+".txt"); } } }
https://w.atwiki.jp/abwiki/pages/84.html
ちょっとABとは関係のないお話 [edit] HTTPについて † Hyper Text Transfer Protocolの略。Webブラウザとサーバがやりとりする際などに使われる通信プロトコル バージョンHTTP/1.0と1.1が存在する。ここでは一応1.1ベース ↑ [edit] 準備 † まずはソケットを使った通信を読んでsendとrecvを使えるようになって頂きたい ↑ [edit] 使い方 † 初めにsendでHTTPのリクエストを送信する。続いてrecvでサーバから返事を受け取る 以上 ↑ [edit] リクエストの基本構造 † <メソッド><HTTPバージョン>CRLF <ヘッダ>CRLF CRLF メソッドはGETとかHEADとかPUTとか。プログラムでいう所の関数名 ヘッダっていうのはメソッドの付加情報。関数の引数みたいな物です メソッドは常に一つ。ヘッダは任意の個数です。無い場合もあります 各行の終端にはCRLF(Ex"\r\n"のこと)を付け、終端には空行を付けます ↑ [edit] レスポンスの構造 † レスポンスはリクエストをsendでHTTPサーバーに送ると必ず返されrecvで受け取ることが出来ます <HTTPバージョン><ステータスコード>CRLF <ヘッダ>CRLF CRLF <メッセージボディ> HTTPバージョンとステータスコードは送ったHTTPメソッドの実行結果で、これだけはレスポンスの先頭に必ず存在します 例 HTTP/1.1 200 OK ステータスコードは3桁の数字で表され、百の位が2なら成功、4ならクライアント側のエラー、5ならサーバ側のエラーになります 3の場合は処理を完了するために再度適切なリクエスト送信する必要がある場合を示します 1は複雑なんでパス ヘッダはメッセージボディの情報を表す部分ですがもしかしたら無い場合もあるかも メッセージボディはGETだったら対象となったリソース、POSTだったらCGIの実行結果とか ここもヘッダ部分と同様に存在しない場合がある(例:HEADメソッド) ヘッダとの間に空行がはさまっているので注意。またメッセージボディの最後にCRLFは存在しない ↑ [edit] HTTPメソッド † ↑ [edit] GETメソッド † HTTPサーバーからリソースを取得します 基本形 GET uri HTTP/1.1 Host hostname hostnameは接続するホストサーバー名です。ここのWikiだとURLのwww.2chab.netの部分です uriの部分は取得したいURLのホスト名より先の部分を指定します 2ちゃんねるのトップページを取得する例 GET / HTTP/1.1 Host www.2ch.net 本来は/index.htmlとか/の先の指定も必要なんですが、省略するとindex*(*は一字以上の文字列)を指定した事になります 略さないで書くと GET /index.html HTTP/1.1 Host www.2ch.net 成功すればレスポンスのメッセージボディ部分にGETの対象になったリソースが入っている ステータスコードは成功すれば200 OK。リソースが見つからなければ404。アクセス拒否なら403。サーバー過負荷なら503 もちろんこれ以外のステータスコードである可能性もある ↑ [edit] Rangeヘッダ † リソースに対するGETの範囲を指定するリクエストヘッダです リソースの128バイトから256バイトまで取得 Range 128-256 リソースの512バイト以降を取得 Range 512- このヘッダを含めてGETを送った場合、成功時のステータスコードは206になります 失敗した時は416(要求範囲が不正)が返されるかも ↑ [edit] If-Modified-Sinceヘッダ † リソースが指定日時より後に更新されているか調べるヘッダです 更新されていない場合はGETしません GMTで2007年5月5日午前0時以降に更新されているか調べる If-Modified-Since Sun, 5 May 2007 00 00 00 GMT このヘッダを含めてGETを送った場合、リソースが更新されていなければレスポンスには304(未更新)が返されます この場合メッセージボディはありません 更新されていれば普通に200番代のステータスコードとメッセージボディを返してきます ↑ [edit] HEADメソッド † HTTPサーバーからリソースの情報を取得します 基本形 HEAD uri HTTP/1.1 Host hostname CRLF hostname、uriはGETと同じです 成功すればリソースのヘッダだけ返ってきます(つまりHEAD=GET-メッセージボディ) ↑ [edit] POSTメソッド † HTTPサーバーに情報を送信します CGIのパラメータなんかを送信するために使う。実行結果がCGI依存なのでかなり厄介 基本形 POST uri HTTP/1.1 Host hostname Content-Type type Content-Length 25222length CRLF メッセージボディ hostname、uriはGETと同じ typeはフォームデータだけ場合はapplication/x-www-form-urlencoded 何らかのリソースを含む場合はmultipart/form-data 殆ど前者だけで事足りると思うが、アップローダーのようなリソースを受け付けるCGIは後者を利用する lengthは後に続くメッセージボディの長さ メッセージボディはapplication/x-www-form-urlencodedの場合 変数名1=値1 変数名2=値2... のように変数名と値を=で結んだ物を を区切りとして羅列する。変数名も値もURLエンコードされていなければならない multipart/form-dataは大変なので省略 成功すれば二百番台のステータスコードを返す リソースが既に生成されている場合201を返す(見たこと無いけど) ↑ [edit] GETでPOSTする † サーバーに情報を送信する時はPOSTを使うべきだが、極少量のデータであればGETでも送れる 基本形 GET uri?メッセージボディ HTTP/1.1 Host hostname CRLF uriの後に?とPOSTのとき送ったメッセージボディをつける。やはりURLエンコード必須 Content-TypeとContent-Lengthはいらない
https://w.atwiki.jp/hitkik/pages/23.html
Windows で、HTTPでのやり取りを眺めるツール。 HTTP debug tool IE ---- Fiddler2 http //www.fiddler2.com/Fiddler2/firstrun.asp extension http //www.fiddler2.com/fiddler2/extensions.asp Firefox ---- Firebug 文字コード明示 html lang="ja" まず、 html の中で使用言語を示します。ja は日本語を示します。 日本語以外では en (英語)、fr (フランス語)、de (ドイツ語)、zh (中国語) などがあります。 meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" METAタグのContent-typeを明示すると同時に文字コードも明示します。 Shift_JIS 以外は EUC-JP, iso-2022-jp (JIS), UTF-8(Unicode) などがあります。 Shift_JIS はアンダーバー。EUC-JP と iso-2022-jp, UTF-8はハイフンです。 × content="text/html;" charset="Shift_JIS" ○ content="text/html; charset=Shift_JIS" 行間を広げる BODY STYLE="line-height 150%" line-heightの活用 div style="font 900 46pt;line-height 6pt;" div style="color #404040;text-indent 50px;" abc /div div style="color #808080;text-indent 100px;" def /div div style="color red;text-indent 150px;" ghi /div /div スタイルシートを使ったテキストフィルタ http //www.tohoho-web.com/css/filter.htm スタイルシートクイックレファレンス http //www.htmq.com/style/index.shtml 以下広告
https://w.atwiki.jp/memo77/pages/26.html
PageLastUpdate 2012-07-05/today - /yesterday - 印刷時のみ適用するcss ありがちな間違い tDiaryテーマとはてなテーマDOCUTYPE宣言ではまった はてなのメニュー部分ではまった wikiで使うための数値実体参照 Internet Explorer Developer Toolbar あなたのページを最速にする14の掟 よく使うサイト comment とにかく基本はAnother HTML-lint gatewayで自分のサイトをチェックして、ダメなところを徹底的に潰すこと。これをやってるうちに、少しづつ知識がついてくる。 印刷時のみ適用するcss とりあえず@ウィキのこのデザインで印刷時に余計な要素を表示させないサンプル 2012/07/05 @media print { form {display none; } .noprint {display none; } .ddsmoothmenu {display none; } .header {display none; } .footer {display none; } .ads {display none; } #body-footer {display none; } .outer { border-left none; border-right none; } body { font 8pt serif; }} ありがちな間違い スクリプトでcgi呼び出すときに、パラメータ中に?a=1 b=2みたいな記述があるときに を にし忘れる。 tDiaryテーマとはてなテーマ 2007/05/01 なんかtDiaryのテーマとか選んでいるうちに、いじらざるを得なくなってきた。せっかくなので勉強しよう。 tDiaryテーマの作り方 http //www.tdiary.org/doc/HOWTO-make-theme.html テーマ向けHTMLの構造図解 http //tnat.net/img/tdiary_css.png テーマ別によるスタイルシートサンプル http //joram.agz.jp/hatena/theme_body.html#link DOCUTYPE宣言ではまった 2007/05/04 検索語:はてなダイアリー/スキン/テーマ/デザイン/tdiary/崩れる adiareyとimg0chに同じテーマを指定しても同じにならない。adiaryははてなとほぼ同じになるけどimg0chが崩れます。 要素を一個一個つぶしていっても直らない。まったく同じ構造までたどり着いて、img0chのDOCUTYPE宣言にloose.dtdがついてるのに気が付く。 adiary/はてな !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" img0ch !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" tDiary !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http //www.w3.org/TR/html4/strict.dtd" で、これが原因でしたorz そっかー、dtdのあるなしで標準モードと互換モードというのがあるのね。勉強になった・・・ http //desperadoes.biz/style/mode.php 追記:と思ったら、tDiaryはTransitionalじゃなくてstrict.dtdがついてる。これはデザインの共有で問題にならないのかしらん? さらに追記:img0chのテンプレートや吐き出されてるのは !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" だった。なんで勘違いしたかというと、IEからHTMLとして保存すると、自動的に !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" になるようだ。 はてなのメニュー部分ではまった はてなの一番上のメニュー部分はテーマによって違うらしい。テーブルレイアウトでくるときとそうじゃないときがあるよ。 たぶん古い table border="0" width="100%" cellspacing="0" cellpadding="0" id="banner" ... たぶん新しい div id="simple-header" ... wikiで使うための数値実体参照 2007/05/05 HTMLで使える文字実体参照 http //www.ne.jp/asahi/minazuki/bakera/html/reference/charref 文字 数値実体参照 用途 | | テーブル中で|を書く必要があるとき Internet Explorer Developer Toolbar 2007/05/11 Webページの構造を検証できるMicrosoft純正IE用プラグイン。 http //www.forest.impress.co.jp/article/2007/05/11/iedevtoolbar.html あなたのページを最速にする14の掟 http //blog.livedoor.jp/dankogai/archives/50828720.html HTTPリクエストは最小限に - Make fewer HTTP requests CDNを活用 - Use a CDN Expiresヘッダを利用 - Add an Expires header コンテンツはGzipせよ - Gzip components CSSは上に - Put CSS at the top JSは下に - Move JS to the bottom CSSのexpressionの利用は控えよ - Avoid CSS expressions JSとCSSは外部化せよ - Make JS and CSS external DNS参照を抑えよ - Reduce DNS lookups JSを「縮刷」せよ - Minify JS リダイレクトは控えよ - Avoid redirects スクリプトの重複を削除せよ - Remove duplicate scripts ETagはオフにせよ - Turn off ETags AJAXを小さくしてキャッシュ可能にせよ - Make AJAX cacheable and small よく使うサイト HTML鳩丸倶楽部 http //www.ne.jp/asahi/minazuki/bakera/html/hatomaru comment このページの記述で聞きたいこととか間違ってることとかありましたらコメントを。 名前 コメント すべてのコメントを見る
https://w.atwiki.jp/hmiku/pages/50081.html
【検索用 DeSterrennacht 登録タグ CeVIO D PA音 可不 曲】 + 目次 目次 曲紹介 歌詞 コメント 作詞:P.A.M88/PA音 作曲:P.A.M88/PA音 編曲:P.A.M88/PA音 唄:可不 曲紹介 曲名:『De Sterrennacht』 震える手鳴らすこの音だけじゃ 表し尽くすには程遠くて P.A.M88/PA音の可不オリジナル曲 曲名の「De Sterrennacht」はオランダ語で「星月夜」の意味 イラスト ちょー 動画 Aoto 歌詞 (動画より転載) 帰り道 オレンジの街灯と 目まぐるしく変わる信号だけ 暗い道 照らすこの色だけじゃ 黒塗り重ねるより遥か遠く ああ 僕だけの物だろ 空に散らばる星々 手を伸ばせど届かない ただ眺めるだけだけど この星月夜に De Sterrennacht 僕が愛した夜の世界で今 描き出すんだ 僕にしか出来ないこと De Sterrennacht 心惹かれた君のとなりで今 夜を明かすの まだ空は暗いけれど 今空に八十八の星座たち この88 の鍵盤のよう 震える手鳴らすこの音だけじゃ 表し尽くすには程遠くて 嗚呼 今だけは許して 空に散らばる星々 手を伸ばして掻き鳴らす このピアノと僕の声 今星月夜に De Sterrennacht 僕が愛した夜の世界で今 描き出すんだ 僕にしか出来ないこと De Sterrennacht 心惹かれた君のとなりで今 夜を明かすの まだ空は暗いけれど De Sterrennacht 僕が望んだ夢の世界で今 塗り替えるんだ この空の星のように De Sterrennacht 心躍らす夜の帳を今 切り裂いていく 今僕の明日をほら De Sterrennacht 僕が愛した夜の世界で今 描き出すんだ 僕にしか出来ないこと De Sterrennacht 心惹かれた君のとなりで今 夜を明かすの まだ空は暗いけれど この星月夜に コメント 名前 コメント
https://w.atwiki.jp/assolutoracingjpn/pages/104.html
イベントカレンダー 日にち 時刻 イベント名 URL // カレンダー表を生成する関数 function generateCalendar(year, month) { // 日付の配列を生成 const dateArray = generateDateArray(year, month); // カレンダー表のHTMLを生成 const calendarHtml = generateCalendarHtml(dateArray); // カレンダー表を表示 const calendarElement = document.getElementById( calendar ); calendarElement.innerHTML = calendarHtml; function generateDateArray(year, month) { const dateArray = []; const firstDate = new Date(year, month - 1, 1); const lastDate = new Date(year, month, 0); for (let date = firstDate; date = lastDate; date.setDate(date.getDate() + 1)) { dateArray.push(new Date(date)); } return dateArray; } function generateCalendarHtml(dateArray) { const weekDays = [ 日 , 月 , 火 , 水 , 木 , 金 , 土 ]; let calendarHtml = table tr th 日 /th th スタート時 /th th イベント名 /th /tr ; for (let i = 1; i = 31; i++) { const day = i 10 ?` 0${i}` i; calendarHtml += ` tr td ${day} /td td /td td /td /tr `; } calendarHtml += /table ; const calendarElement = document.getElementById( calendar ); calendarElement.innerHTML = calendarHtml; const formElement = document.getElementById( schedule-form ); formElement.addEventListener( submit , function(event) { event.preventDefault(); // デフォルトの送信をキャンセル const date = event.target.elements.date.value; const time = event.target.elements.time.value; const eventTitle = event.target.elements.eventTitle.value; const url = event.target.elements.url.value; const calendarDayElement = document.querySelector(`td nth-of-type(${date.slice(-2)})`); calendarDayElement.nextElementSibling.textContent = time; const eventLinkElement = document.createElement( a ); eventLinkElement.href = url; eventLinkElement.textContent = eventTitle.slice(0, 10); calendarDayElement.nextElementSibling.nextElementSibling.appendChild(eventLinkElement); }); const now = new Date(); let year = now.getFullYear(); let month = now.getMonth() + 1; function updateCalendar() { const firstDayOfMonth = new Date(year, month - 1, 1); const firstDayOfWeek = firstDayOfMonth.getDay(); const startDate = new Date(year, month - 1, 1 - firstDayOfWeek); let day = startDate.getDate(); for (let i = 1; i = 31; i++) { const dayOfMonth = new Date(year, month - 1, day); if (dayOfMonth.getMonth() + 1 !== month) { break; } const dayOfWeek = dayOfMonth.getDay(); const dayOfWeekText = weekDays[dayOfWeek]; const dayOfWeekClass = dayOfWeek === 0 ? sunday (dayOfWeek === 6 ? saturday ); const calendarDayElement = document.querySelector(`td nth-of-type(${i})`); calendarDayElement.textContent = day; calendarDayElement.classList.remove( sunday , saturday ); if (dayOfWeekClass) { calendarDayElement.classList.add(dayOfWeekClass); } day++; } const yearMonthElement = document.getElementById( year-month ); yearMonthElement.textContent = `${year}年${month}月`; } function addMonthButtons() { const prevBtn = document.createElement( button ); prevBtn.textContent = 前の月へ ; prevBtn.addEventListener( click , () = { currentDate.setMonth(currentDate.getMonth() - 1); renderCalendar(); }); const nextBtn = document.createElement( button ); nextBtn.textContent = 次の月へ ; nextBtn.addEventListener( click , () = { currentDate.setMonth(currentDate.getMonth() + 1); renderCalendar(); }); const btnContainer = document.createElement( div ); btnContainer.appendChild(prevBtn); btnContainer.appendChild(nextBtn); calendarContainer.appendChild(btnContainer); } const currentDate = new Date(); const calendarContainer = document.getElementById( calendar ); addMonthButtons(); renderCalendar(); }
https://w.atwiki.jp/cheapugg058/pages/16.html
Pryor also ran it in for a rushing score of his own If using Facebook is a good method of getting your message out and building your subscriber list is the ideal strategy to make money, is there any way to combine the two? Is there any way to use Facebook to create a great subscriber list?The typical way that a business person gets individuals to subscribe is by putting a opt-in form on their websiteauthomichael kors online r {line-height 22px;color #666;font-family Arial, Helvetica, sans-serif;} My facts and this story implicates former Gov Tailgating can be very enjoyableMarino appeared on the 27th position in the List of 100 Greatest Football Players Everybody was completely muddy, so muddy you couldn t see who was wearing what uniformmetadata span There are painted batting helmets that have flaming skulls, baseballs with growling faces and even depictions of famous players in action painted directly on the helmettwitter-inner-ditto238301605173284864 { background #fff; padding 10px 12px 10px 30px; margin 0; min-height 48px; color #000; font-size 22px !important; font-family Georgia, "Times New Roman", Times, serif; line-height 30px; -moz-border-radius 5px;www.michaelkorsoutletzc.com -webkit-border-radius 5px; } div The software has made it possible for me to watch the National Football League matches from virtually anywhere Sirius has over 125 commercial free channels2 rushing yards per game, second only to Nevada in the NCAA Football Bowl Subdivisioncom/profile_background_images/403364355/Twitter_IndyBG This year s first pick may be one of the biggest blunders in many years2012 (Monday) (Local Time)VolleyballMichael Turner Jersey Women s preliminariesChina v Turkey (09 30)Serbia v South Korea (11 30)Dominican Republic v Russia (14 45)USA v Brazil (16 45)Italy v Japan (20 00)Great Britain v Algeria (22 00)Sports fans and supporters around the globe watch London Olympic 2012 all game Live Streaming upauthor {line-height 20px;color #333;font-family Arial, Helvetica, sans-serif;} Instead a photographer will highlight your best features t[[Rob Gronkowski Jersey http //www.patriotsnflofficialstore.com]] o create a beautiful shot04 Earnings $1Tony ShaloubThis season ticket holder has more Emmys than youNFL Divisional Playoff Predictions This week it stands to reason that the task I face is far more daunting than the last She has also had a line of shoes and jewelry Restoring and maintaining resilience is often a matter of being in close contact with your physical and emotional statusCditto184461049246912513{background #9AE4E8Rob Gronkowski Jersey Rush sold concert tickets to 37 markets in the United States and Canadatwitter-inner-ditto221997961155067904 div Phillips seemed to be the star of the show last night, with way more camera time than Sanchez, although her simple rendition of “I Will Always Love You” rocked the house down and gave her fans some hope that perhaps she would sweep the night after allGetting cheap software discounts does not mean that the product you are getting is cheap and ill-madetimestamp a Just plan to have the food cooked at least an hour and a half before the game starts2012 National Football League Pre-Season Schedule (All times Eastern)Sunday, August 5Arizona vsreply span {background-position 0px 3px;} p Tommy Thompson (in bush s cabinet in Dept Hot subs such as meatball, pulled pork and Philly cheese steak are hot on the menu of many tailgaters Managing the promotional programs for the players and teamstimestamp {font-size 12px;display block;color #999;} pretweet span {background-position -80px 3px;} p He was in the mood to celebrate In the words of Jack Welch, former CEO of GE, "When you take on a leadership role, it s no longer about you, it s about themretweet span {background-position -80px 3px;} p Other than that, Morita was mostly a bit player, but one you would recognize on TV shows from Happy Days to Baywatch An attempt to collect and list down some of the interesting names is done in the following write updittoTweet span There are many different sites on the world wide web that need you to use interesting or cool screen names El Laberinto de la Soledad , a study of the Mexican identity and thought and his poetic works like Libertad de Pisis and Piedra de sol are some of his most famous contributions to Mexican literature It is sold in many health stores; it is even sold online through Amazon Unfortunately, the source didn’t go into very many specifics, though he did hint at something particularly good coming for those who will run iOS 6 on theMatt Ryan Jersey new iPad After that, they try to find such a source that would be reliable both in terms of originality of product as well as consistent fine-quality But I was only spending about $100 and I was sure whatever I got for that price was going to be better than the old beat up house cues that I had been using But then Sellers sprained an ankle and could not work in the cramped cockpit set3 billion at market exchange rates Yes, you read right you can go through the hiring process, both in the game and online, making it interesting and somewhat unnecessary for any but the most hardcore gamers NCAA Football 11 -Wikipedia The race, currently sponsored by Commerzbank, is Germany s oldest city marathon